<template>
    <div>
        <h1>{{ activity.title }}</h1>
        <p>描述: {{ activity.description }}</p>
        <p>日期: {{ activity.date }}</p>
        <p>地点: {{ activity.location }}</p>
    </div>
</template>

<script setup>
import { activities } from '@/data/activities.js';
import { useRoute } from 'vue-router';

const route = useRoute();
const activity = activities.find(a => a.id === parseInt(route.params.id));
</script>
    